html,
body {
    margin: 0 auto;
}

.rec_wrap {
    width: 7.5rem;
    height: 100vh;
    margin: 0 auto;
    /* text-align: center; */
    background-size: contain;
    box-sizing: border-box;
    background: #F0F3FD;
}

.rec_wrap .header_wrap {
    background: url(../images/bg_sign.png) no-repeat;
    background-size: contain;
    width: 7.5rem;
    height: 3.29rem;

}


.rec_wrap .header_wrap {
    width: 7.5rem;
    height: 3.33rem;
    background: url(../images/bg_sign.png) no-repeat;
    background-size: contain;
    padding-top: 0.2rem;
    /* text-align: center; */
}

.rec_wrap .header_wrap .title_wrap i {
    display: inline-block;
    background: url(../images/left_2.png) no-repeat;
    background-size: cover;
    width: 0.21rem;
    height: 0.37rem;
    margin-left: 0.51rem;
}


.rec_wrap .header_wrap .title_wrap p {
    margin-left: 2.3rem;
    text-align: center;
    display: inline-block;
    height: 0.37rem;
    font-size: 0.38rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
}

.suom_btn {
    width: 1.58rem;
    height: 0.55rem;
    background: #7EDAAF;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    float: right;
    text-align: center;
    font-size: 0.21rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.55rem;
}

.rec_wrap .header_wrap .con_jf {
    text-align: center;
}

.rec_wrap .header_wrap .con_jf p:nth-child(1) {
    /* width: 3.49rem;
    height: 0.77rem; */
    font-size: 0.84rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
}

.rec_wrap .header_wrap .con_jf p:nth-child(2) {
    /* width: 1.03rem;
    height: 0.2rem; */
    font-size: 0.21rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    opacity: 0.9;
}

.content_wrap {
    width: 6.76rem;
    min-height: 8rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    margin: 0 auto;
    margin-top: 0.7rem;
}

.top_wrap {
    border-radius: 0.1rem;
    width: 6.76rem;
    background: #EEEEEE;
    height: 1.3rem;
    font-size: 0.31rem;
    font-family: SourceHanSansCN;
    font-weight: 600;
    color: #181818;
    line-height: 1.3rem;
    display: flex;
    align-items: center;
}

.top_wrap .item_wrap {
    width: 50%;
    text-align: center;
    transition: all cubic-bezier(0.55, 0.055, 0.675, 0.19);
}


.item_wrap.active {
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: 0.33rem;
    font-family: SourceHanSansCN;
    font-weight: 900;
    color: #05C67D;
    background-color: #fff;
    border-radius: 0.1rem;
}

.bottom_wrap .bottom_ul {
    display: none;
    OVERFLOW-Y: auto;
    OVERFLOW-X: hidden;
    height: 6rem !important;
}

.bottom_wrap .bottom_ul.active {
    display: block;
}

.bottom_wrap .bottom_ul .li_b:last-child {
    /* margin-top: 0.3rem; */
    border: none;
}
.bottom_ul .nodata_box {
    margin: 0 auto;
    text-align:center ;
}
.bottom_ul .nodata {
    width: 3.77rem;
    height: 4.1rem;
    margin: 0 auto;
}
.bottom_wrap .bottom_ul .li_b:nth-child(1){
    border-bottom: 1px solid #E8E8E8;
}
.bottom_wrap .bottom_ul .li_b {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding:0 0.33rem ; */
    box-sizing: border-box;
    width: 6.12rem;
    border-bottom: 1px solid #E8E8E8;
    padding: 0.26rem 0;


}

.bottom_wrap .bottom_ul .li_b p:nth-child(1) {
    font-size: 0.24rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #4D4D4D;
    line-height: 0.34rem;


}

.bottom_wrap .bottom_ul .li_b p:nth-child(2) {
    font-size: 0.19rem;
    font-family: SourceHanSansSC;
    font-weight: 400;
    color: #999999;
    line-height: 0.34rem;
}

.bottom_wrap .bottom_ul .li_b p:nth-child(2) i {
    font-style: normal;
}

.bottom_wrap .bottom_ul .li_b .fr {
    font-size: 0.3rem;
    font-family: SourceHanSansSC;
    font-weight: 600;
    color: #EC4E4A;
    line-height: 0.34rem;
}